<template>
  <div id=''>
    <button @click="triggerEvent">Trigger</button>
  </div>
</template>

<script lang='ts'>
export default {
  name: 'vue',
}
</script>

<script lang='ts' setup>
import { ref, h, type Ref, isRef, reactive, isReactive, readonly, isReadonly, toRef, toRefs, unref, isProxy } from 'vue';
const emit = defineProps<{
  (e: 'customEvent', message: string): void
}>()

const triggerEvent = () => {
  emit('customEvent', 'hello wordl')
}
</script>

<style lang='scss'></style>
